<div class="pages toolbar-fixed">
  <!-- Page, data-page contains page name-->
  <div data-page="product-change" class="page">
    <!-- Scrollable page content-->
    <div class="page-content" style="padding-top:4px;">
      
        <div class="order-sure" style="margin-bottom:1rem;">
                <div class="person-msg" style="height:45px;text-align:center;font-size:16px;line-height:45px;font-weight:bold;">
                    <input type="hidden" id="orderId" value="${orderId!''}"/>
                     <input type="hidden" id="id" value="oa.id!''}"/>
                    <span class="hhTitle">换货申请</span>
                </div>
                <div class="line-black"></div>
                <#if ao?? && ao.status?? && (ao.status==2 || ao.status==3) && ao.flag ?? && ao.flag =='1' >
	                <div class="person-msg" style="height:30px;text-align:left;font-size:16px;line-height:30px;font-weight:200;">
	                    <span class="hhTitle"><#if ao?? && ao.status?? && ao.status==2>换货申请已经提交<#else>换货申请已经取消</#if></span>
	                </div>
	                 <div class="line-black" style="height:5px;"></div>
                <#else>
                	<div class="person-msg" style="height:30px;text-align:left;font-size:16px;line-height:30px;font-weight:200;">
	                    <span class="hhTitle">新建换货申请</span>
	                </div>
	                 <div class="line-black" style="height:5px;"></div>
                </#if>
                <#if ao?? && ao.changeProductStatus?? && ao.changeProductStatus != ''>
	                <div class="person-msg" style="height:<#if ao?? && ao.flag?? && ao.flag == '2'>100px;<#else>30px;</#if>text-align:left;font-size:16px;line-height:30px;font-weight:200;">
	                    <span class="hhTitle">申请状态：${ao.changeProductStatus!""}
	                    <#if ao?? && ao.flag?? && ao.flag == '2'><br/><span style="color:red;padding-left:2px;padding-right:2px;">*温馨提示：请尽快将需要换的物品寄回给卖家，卖家收到货后才能寄出新货！</span></#if>
	                    </span>
	                </div>
	                 <div class="line-black" style="height:5px;"></div>
                </#if>
                <div class="order-goods">
                    <div style="padding-left:4px;height:30px;line-height:30px;text-align:left;font-size:1.5rem;">
                    	换货原因：
                    </div>
                    <div style="height:65px;font-size:1.5rem;">
                    	<textarea <#if ao?? && ao.flag?? && ao.flag !='1'>readonly="readonly"</#if> rows="4" id="backreson" value="${(ao.backreson)!}" style="font-size:1.5rem;width:90%;margin-left:6px;padding-left:4px;">${(ao.backreson)!}</textarea>
                    
                    </div>
                </div>
                <div class="line-black" style="height:5px;"></div>
                 <#if ao?? && ao.flag?? && ao.flag == '7'>
                	<div class="order-goods">
	                    <div style="padding-left:4px;height:30px;line-height:30px;text-align:left;font-size:1.5rem;">
	                    	拒绝换货原因：
	                    </div>
	                    <div style="height:65px;font-size:1.5rem;">
	                    	<textarea rows="4" readonly="true" style="font-size:1.5rem;width:95%;margin-left:6px;padding-left:4px;">${(ao.extends1)!}</textarea>
	                    
	                    </div>
	                </div>
	                <div class="line-black" style="height:5px;"></div>
                </#if>
                <div class="order-goods" style="min-height:70px;height:auto;">
                    <div style="padding-left:4px;height:30px;line-height:30px;text-align:left;font-size:1.5rem;">
                    	商品照片：
                    </div>
                    
                    <div style="min-height:65px;font-size:1.5rem;height:auto;width:100%;">
                    	 <input id="imgurl" value="${(ao.imgurl)!}" type="hidden" />
                    	 <input id="flag" value="${(ao.flag)!}" type="hidden" />
 	                    <div id = "controll_div" style="height:30px;width:100%;display:none;">
							  <a id="choose_start" style="line-height:30px;display:block;height:30px;float:left;width:50%;">
							  	<div style="float:left;margin-left:6px;margin-right:4px;width:30px;height:30px;background-image:url(/jshop/resource/phone/img/addFile_icon.png);"></div>
							 	选择照片
							 </a>
							 <div id="uploadBtn" style="display:none;line-height:28px;height:28px;width:120px;float:right;border:1px #ccc solid;text-align:center;background-color:#2288ca;color:#fff;cursor: pointer;">确认上传</div>
						 </div>
						 <ul class="img-list">
						 	<#if fileList??>
						 		<#list fileList as file>
						 			<li name="imgLi" style="background-image:url("${systemSetting().imageRootPath}${file.fileName})">
			 		        	      <div style="height:20px;width:100%;font-size:12px;">
				 		        	      <div style="float:right;width:30px;height:18px;" id="${file.id!}" name="removeLi" calss="del_icon">
				 		        	      <img src="/jshop/resource/phone/img/crash.png" style="width:16px;height:16px;display:block;float:right;" />
				 		        	      </div>
			 		        	      </div>
			 		        	      <img name="img_file" style="width:100px;height:80px;" src="${systemSetting().imageRootPath}${file.fileId!}"/>
			 		        	      <div class="progress"><span></span></div><div class="size">${file.fileSize!}B</div>
 		        	      			</li>
						 		</#list>
						 	</#if>
						 </ul>
						 <div id="show"></div>
                    </div>
                   
                     <!--  
                     <input type="file" id="choose" accept="image/*" multiple>
                     <ul class="img-list"></ul>
                     -->
                </div>
                <div class="line-black"></div>
                <#if ao?? && ao.flag?? && ao.flag != '1' && ao.flag != '7' && ao.flag != '0'>
                	<div class="order-goods">
	                    <div style="padding-left:4px;height:30px;line-height:30px;text-align:left;font-size:1.5rem;">
	                    	卖家退货地址：
	                    </div>
	                    <div style="height:65px;font-size:1.5rem;">
	                    	<textarea  id="salleraddress" value="${(ao.salleraddress)!}"<#if ao.flag !='2'>readonly="readonly"</#if> rows="4" style="font-size:1.5rem;width:90%;margin-left:6px;padding-left:4px;">${(ao.salleraddress)!}</textarea>
	                    
	                    </div>
	                </div>
	                 <div class="line-black" style="height:5px;"></div>
	                 <div class="order-goods" style="height:70px;">
	                    <div style="padding-left:4px;height:30px;line-height:30px;text-align:left;font-size:1.5rem;">
	                    	退货承运商：(如：中通快递)
	                    </div>
	                    <div style="height:65px;font-size:1.5rem;">
	                    	<input <#if ao.flag !='2'>readonly="readonly"</#if> id="backsallerpressname" value="${(ao.backsallerpressname)!}" style="height:30px;line-height:30px;font-size:1.5rem;width:90%;margin-left:6px;padding-left:4px;"/>
	                    	<input type="hidden" id= "backsallerpresscode" name="backsallerpresscode" value="${(ao.backsallerpresscode)!}" />
	                    </div>
	                </div>
	                 <div class="line-black" style="height:5px;"></div>
	                 <div class="order-goods" style="height:70px;">
	                    <div style="padding-left:4px;height:30px;line-height:30px;text-align:left;font-size:1.5rem;">
	                    	退货运单号：
	                    </div>
	                    <div style="height:65px;font-size:1.5rem;">
	                    	<input <#if ao.flag !='2'>readonly="readonly"</#if> id="backsallerpressno"  value="${(ao.backsallerpressno)!}" style="height:30px;line-height:30px;font-size:1.5rem;width:90%;margin-left:6px;padding-left:4px;"/>
	                    
	                    </div>
	                </div>
	                 <div class="line-black" style="height:5px;"></div>
	                
                </#if>
                  <#if ao?? && ao.flag?? && ao.flag == '5'>
                	<div class="order-goods" style="height:65px;">
	                    <div style="padding-left:4px;height:30px;line-height:30px;text-align:left;font-size:1.5rem;">
	                    	新商品已寄出：
	                    </div>
	                    <div style="height:65px;font-size:1.5rem;padding-left:6px;">
	                    	${(ao.newexpressname)!} &nbsp;&nbsp;&nbsp;&nbsp;${(ao.newexpressno)!}
	                    
	                    </div>
	                </div>
	                <div class="line-black" style="height:5px;"></div>
                </#if>
                <#if ao?? && ao.backSallerPressNo?? && ao.backSallerPress??>
	                <div class="person-msg" style="height:65px;text-align:left;font-size:16px;line-height:30px;font-weight:200;">
	                    <span class="hhTitle">退货物流信息：<br>
	                    	<a  href="javascript:void(0);" style="text-decoration:underline !important;padding-left:6px;color:blue;" name="${ao.backsallerpressname!''}-${ao.backsallerpressno!''}" id="lookBtn_${orderId!''}" class="cancellation-order">查看退货物流信息</a>
	                    </span>
	                </div>
	                 <div class="line-black" style="height:5px;"></div>
                </#if>
                <div class="order-goods">
                    <div style="padding-left:4px;height:30px;line-height:30px;text-align:left;font-size:1.5rem;padding-left:4px;">
                    	  换货申请提交成功后工作人员会及时与您联系，请保持手机通畅。售后服务电话：0871-65555555
                    </div>
                    
                </div>
             </div>
            
    </div>
     <div class="sure-payment" style="z-index:10;">
				<input type="hidden" id="status" value="${(ao.status)!}" />
			    <#if ao?? && ao.status?? && ao.status==2 && ao.flag?? && ao.flag =='1'>
			    	<a class="payment-btn" style="right:0;width:50%;" id="cancleBtn" name="${(ao.id)!}" href="#">
			       		取消换货
			    	</a>
			    	<a class="payment-btn" style="background-color: green;left:0;width:50%;" id="qrBtn" name="${(ao.id)!}" href="#">
			       		修改信息
			    	</a>
			    <#elseif ao.status==3>
			    	申请已经取消
			    <#elseif ao.flag?? && ao.flag =='1' || ao.flag =='0'>
			    	<a class="payment-btn" id="qrBtn" name="${(ao.id)!}" href="#" style="width:100%;">
			       		确认提交
			    	</a>
			    </#if>
			    <#if ao.flag?? && ao.flag =='2'>
			    	<a class="payment-btn" id="returnSallerSendBtn" name="${(ao.id)!}" href="#" style="width:100%;">
			       		确认发货
			    	</a>
			    </#if>
			    <#if ao.flag?? && ao.flag =='5'>
			    	<a class="payment-btn" id="qrSdNewGoods" name="${(ao.id)!}" href="#" style="width:100%;">
			       		确认已收新货
			    	</a>
			    </#if>
			 </div>
  </div>
</div>